Pixel Value and Intensity Histogram

Imports all needed libraries

[165]:

from sklearn.datasets import load_sample_images
from observable_jupyter import embed
import pandas as pd
import numpy as np
from PIL import Image, ImageDraw

Load image from sklearn and convert into RGBA Format

[180]:

images = load_sample_images()
first_image = images.images[1]
new_image = Image.fromarray(first_image).convert('RGBA')

[181]:

print(new_image.size[1])

Extract PixelData

[182]:

image_width = new_image.size[0]

[183]:

image_height = new_image.size[1]

[184]:

pix_val = list(new_image.getdata())

[185]:

pix_array = np.array(pix_val).flatten().tolist()

[186]:

embed(
    "@rstorni/image-histogram-demo",
    cells = ["chart"],
    inputs = {
        "Image_Data_Array" : pix_array,
        "pix_width" : image_width,
        "pix_height" : image_height,
    }
)

Edit @rstorni/image-histogram-demo on Observable

Images/Thumbnails/PixelValue_Intensity_Histogram.png